<!-- 顶部返回 -->
<template>
  <div class="page-ation">
    <Page
      :total="total"
      show-elevator
      show-sizer
      @on-page-size-change="sizeChange"
      @on-change="pageChange"
    />
  </div>
</template>

<script type="text/javascript">
export default {
  name: "BackBtnText",
  props: {
    total: {
      type: Number,
      default: 100,
    },
  },
  data() {
    return {};
  },
  methods: {
    sizeChange(row) {
      this.$emit("update:size",row);
      this.pageSizeChange()
    },
    pageChange(row) {
      this.$emit("update:page",row);
      this.pageSizeChange()
    },
    pageSizeChange(){
      this.$emit('pageSizeChange')
    }
  },
};
</script>

<style lang="less" scoped>
.page-ation{
  margin-top: 20px;
  display: flex;
  justify-content: right;
}
</style>
